<template>
    <div id='tmpl'>
        <mt-swipe :auto="3000">
            <mt-swipe-item v-for='(item,index) in imgs' :key='index'>
                <img v-bind:src='item.img'></img>
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    props: ['imgs']      //用来接收父组件中传过来的imgs值
}
</script>
<style scoped>
.mint-swipe {
    height: 300px;
}

.mint-swipe-item {
    height: 100%;
    width: 100%;
}

.mint-swipe-item img {
    width: 100%;
    height: 100%;
}
</style>